﻿@model GestionManoDeObra.WebSite.Models.Cabecera
@{
    ViewBag.Title = "Nuevo";
}

<h4>Nuevo Prestamo</h4>

<div class="row">
	<div class="span5">
		<form id="f" name="f" method="post" action="@Url.Action("Prestar","Implemento")" class="form-horizontal" onsubmit="return ValidarEnvio(this)">
        <!-- @using (Html.BeginForm("Prestar", "Implemento", FormMethod.Post, new { @class = "form-horizontal", onsubmit = "return ValidarEnvio(this)", id="f", name="f"  })){} -->
        
			<fieldset>
				<!--<legend>Vendedor</legend>-->

				<div class="control-group">
					<label class="control-label" for="txtId">IdTrabajador</label>
					<div class="controls">
						<input class="input-small" type="text" name="txtId" id="txtId" class="input-xlarge" value="" onkeypress="ValidaSoloNumeros()"/>
                        <input type="button" name="btnConsultar" id="btnConsultar" value="Consultar" class="btn" onclick="BuscarTrabajador()"/><br/>
					</div>
				</div>				

				<div class="control-group">
					<label class="control-label" for="txtNombre">Nombre</label>
					<div class="controls">
						<input type="text" name="txtNombre" id="txtNombre" class="input-xlarge" value="" readonly="readonly"/> <br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtApellido">Apellido</label>
					<div class="controls">
						<input type="text" name="txtApellido" id="txtApellido" class="input-xlarge" value="" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtDNI">DNI</label>
					<div class="controls">
						<input type="text" name="txtDNI" id="txtDNI" class="input-xlarge" value="" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtEdad">Edad</label>
					<div class="controls">
						<input type="text" name="txtEdad" id="txtEdad" class="input-xlarge" value="" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtEmpresa">Empresa</label>
					<div class="controls">
						<input type="text" name="txtEmpresa" id="txtEmpresa" class="input-xlarge" value="" readonly="readonly"/><br/>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label" for="txtOrden">Orden</label>
					<div class="controls">
						<input type="text" name="txtOrden" id="txtOrden" class="input-xlarge" value="" onkeypress="ValidaSoloNumeros()" />
                        <!--<@Html.EditorFor(model => model.txtOrden, new { @onkeypress = "ValidaSoloNumeros()"  });-->
                        <br/>
					</div>
				</div>
                
				<div class="form-actions">
					<input type="submit" name="btnGuardar" id="btnGuardar" value="Guardar" class="btn btn-primary"/>
					<input type="button" name="btnCancelar" id="btnCancelar" value="Cancelar" class="btn"/>
				</div>
			</fieldset>
		</form>

	</div>



        <div id="DivDisponible" class="span2">
            <table class="table table-hover">
	            <thead>
		            <tr>
			            <th>N°</th>
			            <th>Implementos Disponibles</th>													
                        <th>&nbsp;</th>
		            </tr>								
	            </thead>
                	<tbody>
                    </tbody>
            </table>
        </div>

        <div id="DivAsignado" class="span2">
			<table id="TablaAsignado" class="table table-hover">
				<thead>
					<tr>
						<th>N°</th>
						<th>Implementos Asignados</th>													
                        <th>&nbsp;</th>
					</tr>								
				</thead>
                	<tbody>
                    </tbody>
			</table>
        </div>
</div>


<script type="text/javascript">
    function BuscarTrabajador() {

        if ($('#txtId').val() <= 0) {
            alert("Debe colocar un valor mayor a cero");
            $('#txtId').val("");
            return; 
        }

        $.get('@Url.Action("ObtenerTrabajador", "Implemento")', { IdTrabajador: $('#txtId').val() },
        function (data) {
            if (data.idtrabajador == -1) {
                alert("No existe un trabajador con ese codigo");
                $('#txtId').val("");
                $('#txtNombre').val("");
                $('#txtApellido').val("");
                $('#txtDNI').val("");
                $('#txtEdad').val("");
                $('#txtEmpresa').val("");

                $.ajax({
                    url: '@Url.Action("ImplementosDisponiblesVacio", "Implemento")',
                    type: "POST",
                    success: function (data) {
                        $("#DivDisponible").html(data);
                    }
                });

                $.ajax({
                    url: '@Url.Action("ImplementosAsignadosVacio", "Implemento")',
                    type: "POST",
                    success: function (data) {
                        $("#DivAsignado").html(data);
                    }
                });
            }
            else {
                $('#txtId').val(data.idtrabajador);
                $('#txtNombre').val(data.nombre);
                $('#txtApellido').val(data.apellido);
                $('#txtDNI').val(data.dni);
                $('#txtEdad').val(data.edad);
                $('#txtEmpresa').val(data.empresa);

                $.ajax({
                    url: '@Url.Action("ImplementosDisponibles", "Implemento")',
                    type: "POST",
                    success: function (data) {
                        $("#DivDisponible").html(data);
                    }
                });

                $.ajax({
                    url: '@Url.Action("ImplementosAsignadosVacio", "Implemento")',
                    type: "POST",
                    success: function (data) {
                        $("#DivAsignado").html(data);
                    }
                });
            }
        }, 'json');
    }

    function agregar(IdCategoria) {
        $('#disponible' + IdCategoria).remove();

        $.ajax({
            url: '@Url.Action("AgregarImplemento", "Implemento")',
            type: "POST",
            data: { IdCategoriaImplemento: IdCategoria },
            success: function (data) {
                $("#DivAsignado").html(data);
            }
        });
    }

    function retirar(IdCategoria) {
        $('#asignado' + IdCategoria).remove();

        $.ajax({
            url: '@Url.Action("RetirarImplemento", "Implemento")',
            type: "POST",
            data: { IdCategoriaImplemento: IdCategoria },
            success: function (data) {
                $("#DivDisponible").html(data);
            }
        });
    }

    function ValidarEnvio(formulario) {
        if ($('#txtId').val() <= 0) {
            alert("Debe ingresar un codigo de Trabajador");
            return false;
        }

        if ($('#txtOrden').val() <= 0) {
            alert("Debe ingresar un numero de Orden");
            formulario.txtOrden.focus();
            return false;
        }

        if ($('#TablaAsignado >tbody >tr').length == 0) {
            alert("Debe asignar un implemento por lo menos");
            return false;
        }

        /*
        $.get('@Url.Action("ObtenerCantidadItems", "Implemento")',
        function (data) {
            if (data.cantidadItems <= 0) {
                alert("Debe asignar un item por lo menos");
                return false;
            }
        }, 'json');
        */

        return true;
    }
</script>